import { Shield, Award, CheckCircle } from 'lucide-react';
export const TrustBadges = () => {
  return <div className="bg-[#f5f7fa] py-12">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div className="text-center">
          <h2 className="text-2xl font-bold text-[#0e4c92]">
            Trusted By Healthcare Professionals
          </h2>
        </div>
        <div className="mt-10 grid grid-cols-1 gap-8 md:grid-cols-3">
          <div className="flex flex-col items-center p-6 bg-white rounded-lg shadow-sm">
            <Shield className="h-12 w-12 text-[#5cb8b2]" />
            <h3 className="mt-4 text-lg font-medium text-[#0e4c92]">
              HIPAA Compliant Research
            </h3>
            <p className="mt-2 text-sm text-center text-gray-600">
              Our research methods adhere to the highest privacy standards
            </p>
          </div>
          <div className="flex flex-col items-center p-6 bg-white rounded-lg shadow-sm">
            <Award className="h-12 w-12 text-[#5cb8b2]" />
            <h3 className="mt-4 text-lg font-medium text-[#0e4c92]">
              Featured In Major Publications
            </h3>
            <p className="mt-2 text-sm text-center text-gray-600">
              Our expertise is recognized by leading health publications
            </p>
          </div>
          <div className="flex flex-col items-center p-6 bg-white rounded-lg shadow-sm">
            <CheckCircle className="h-12 w-12 text-[#5cb8b2]" />
            <h3 className="mt-4 text-lg font-medium text-[#0e4c92]">
              Medically Reviewed Content
            </h3>
            <p className="mt-2 text-sm text-center text-gray-600">
              All guides and reviews are verified by healthcare professionals
            </p>
          </div>
        </div>
      </div>
    </div>;
};